<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <title>Title</title>
    <style>
        a { /*将所有超链接的下划线去掉*/
            text-decoration: none;
        }

        a:link { /*统一设置所有超链接未被点击是的颜色*/
            color: #050000;
        }

        #menu { /*设置菜单栏相同的属性*/
            height: 32px;
            font-family: Arial, Helvetica, sans-serif;
            margin: 0px;
            padding: 0px;
        }

        #menu > li { /*设置一级菜单浮动，让所有一级菜单显示在一行上 */
            float: left;
            width: 150px;
        }

        #menu li, #menu ul { /* 去掉一级菜单和二级菜单的项目符号：即消除maring 和padding */
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

        #menu > li > a { /* 设置一级菜单项 */
            display: block;
            font-size: 15px;
            background-color: #009999;
            color: azure;
            padding: 8px 20px;
            text-align: center;
            margin: 1px;
        }

        #menu > li > a:hover { /* 一级菜单鼠标放上去的变化 */
            background-color: #00cccc;
            color: white;
        }

        #menu li ul li a { /* 二级菜单 */
            font-size: 13px; /*通常二级菜单字体要比一级菜单小一些*/
            background-color: #00bd75;
            color: aliceblue;
            margin-right: 1px;
            padding: 5px;
            text-align: center;
            display: block;
        }

        #menu ul { /* 隐藏二级菜单！！！很核心的一步操作 */
            display: none; /*将二级菜单的disp属性设置为none，使二级菜单隐藏起来，很重要的一步操作！！！*/
            width: 149px;
            position: absolute; /*脱离标准流，后面的盒子当它不存在，不会将下面的内容挤开*/
        }

        #menu > li:hover ul { /*显示二级子菜单  */
            display: block;
        }

        /* 鼠标放到二级菜单上的变化效果 */
        #menu li ul a:hover {
            background-color: buttonface;
        }
    </style>
</head>
<body bgcolor="#CCCFFF">
<table>
    <style type="text/css">
        
        * {
            margin: 0;
            padding: 0
        }

        div {
            width: 150px;
            height: 200px;
            text-align: center;
            vertical-align: middle
        }

        
    </style>
    <div><p><img src="../images/left.jpg"/></p></div>
</table>
<ul id="menu">
    <li>
        <a href=""> 用户管理</a>
        <ul>
            <li><a href="http://localhost:8080/BGY/clientManage/lookClient.jsp" target="main">用户浏览</a></li>
            <li><a href="http://localhost:8080/BGY/clientManage/addClient.jsp" target="main">用户添加</a></li>
            <li><a href="http://localhost:8080/BGY/clientManage/findClient.jsp" target="main">用户查询</a></li>
        </ul>
    </li>
    <li>
        <a href=""> 管理员管理</a>
        <ul>
            <li><a href="http://localhost:8080/BGY/contactManage/lookContact.jsp" target="main">合同浏览</a></li>
            <li><a href="http://localhost:8080/BGY/contactManage/addContact.jsp" target="main"> 合同添加</a></li>
        </ul>
    </li>
    <li>
        <a href="">楼盘管理</a>
        <ul>
            <li><a href="http://localhost:8080/BGY/housesManage/lookhouses.jsp" target="main">楼盘浏览</a></li>
            <li><a href="http://localhost:8080/BGY/housesManage/addhouses.jsp" target="main">楼盘添加</a></li>
            <li><a href="http://localhost:8080/BGY/housesManage/lookhome.jsp" target="main">房子浏览</a></li>
            <li><a href="http://localhost:8080/BGY/housesManage/addhome.jsp" target="main">房子添加</a></li>
            <li><a href="http://localhost:8080/BGY/housesManage/findhome.jsp" target="main">房子查询</a></li>
        </ul>
    </li>
    <li>
        <a href="">售后管理</a>
        <ul>
            <li><a href="http://localhost:8080/BGY/CSManage/lookCS.jsp" target="main">售后信息浏览</a></li>
            <li><a href="http://localhost:8080/BGY/CSManage/addCS.jsp" target="main">售后添加</a></li>

        </ul>
    </li>
    <li>
        <a href="">员工信息管理</a>
        <ul>
            <li><a href="http://localhost:8080/BGY/staffManage/lookStaff.jsp" target="main">员工浏览</a></li>
            <li><a href="http://localhost:8080/BGY/staffManage/addStaff.jsp" target="main">员工添加</a></li>
            <li><a href="http://localhost:8080/BGY/staffManage/findStaff.jsp" target="main">员工查询</a></li>

        </ul>
    </li>
    <li>
        <a href="http://localhost:8080/BGY/login.jsp" target="_parent">退出系统</a>
    </li>
</ul>
</body>
</html>

